<!DOCTYPE HTML>

<HTML>

<head>

<meta charset="UTF-8">

<title>Restaurant Picker</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="../css/jquery.mobile-1.4.2.min.css">

<script src="../js/jquery.js"></script>

<script src="../js/jquery.mobile-1.4.2.min.js"></script>

</head>

<body>

<div data-role="page" id="home" data-theme="a">

	<div data-role="content">
		<div id="branding">
			<h1>Restaurant Picker</h1>
		</div>

		<div class="choice_list">
			<h1>What would you'd like to eat?</h1>
			<ul data-role="listview" data-inset="true">
				<li><a href="choose_town.html" data-transition="slidedown"><img src="../images/Lighthouse.jpg"/> <h3> Some Sushis </h3></a></li>
				<li><a href="choose_town.html" data-transition="slidedown"><img src="../images/Lighthouse.jpg"/> <h3> A Pizza </h3></a></li>
				<li><a href="choose_town.html" data-transition="slidedown"><img src="../images/Lighthouse.jpg"/> <h3> A kebap </h3></a></li>
				<li><a href="choose_town.html" data-transition="slidedown"><img src="../images/Lighthouse.jpg"/> <h3> A burger </h3></a></li>
				<li><a href="choose_town.html" data-transition="slidedown"><img src="../images/Lighthouse.jpg"/> <h3> Some nems </h3></a></li>
				<li><a href="choose_town.html" data-transition="slidedown"><img src="../images/Lighthouse.jpg"/> <h3> Something more traditional </h3></a></li>
			</ul>
			<a href="#" data-role="button" data-theme="e">Star button</a>
		</div>
	</div>
</div><!-- /page -->
 
</body>
 
</HTML>
